<template>
  <div>
    <p>{{ count }}</p>
  </div>
</template>

<script>
export default {
  name: "App",
  data() {
    return {
      count: 1,
    };
  },
  // 在挂载(将虚拟DOM转为真实DOM并渲染在浏览器上)之前的生命周期函数
  // 页面上呈现的是未经Vue编译的DOM结构,所有对DOM的操作都无效
  beforeMount() {
    debugger;
  },
  // 这个阶段呈现的是已经经过Vue编译的DOM结构
  // 所有对DOM的操作都有效
  // 一般在这个阶段进行设置定时器,发送网络请求等
  mounted() {
    debugger;
  },
};
</script>

<style>
</style>